<template>
  <div class="callBg">
    <div class="call_box">
      <p>沧州花好月圆志愿服务队</p>
      <p>爱心热线 : 0317-3520520</p>
      <p>工作室地址 : 沧州市新华区解放东路16号</p>
    </div>
    <hr>
    <p class="call_title"><b>奉献</b>•<b>友爱</b>•<b>互助</b>•<b>进步</b></p>
    <img src="../assets/map.png" alt="" class="map">
  </div>
</template>

<script>
export default {
  name: "call"
}
</script>

<style scoped lang="scss">
.callBg {
  width: 100%;
  height: 38rem;
  background: url("../assets/img1.png") no-repeat;
  background-size: 100% 100%;

  .call_box {
    width: 90%;
    margin: 0 auto;
    padding-top: 15rem;

    p {
      text-align: left;
      margin-bottom: 1rem;

      &:first-child {
        font-size: 1.2rem;
        font-weight: bold;
      }

      &:nth-child(2), &:last-child {
        font-weight: 700;
        font-size: 0.9rem;
      }
    }
  }

  .call_title {
    margin-top: 1rem;

    b {
      letter-spacing: 0;
      margin: 0 .3rem;
    }
  }

  .map {
    width: 80%;
    margin-top: 1rem;
  }
}
</style>